<template>  
    <header>
        <i class="fa fa-bars" @click="showSide"></i>
        <slot></slot>
        <i class="fa fa-user"></i>
    </header>
</template>
<script>
import bus from '../bus.js'
   export default{
       methods:{
           showSide(){
                bus.$emit('sideShow')
           }
       }
   } 


</script>
<style scoped>
    header{
        height: 44px;
        line-height: 44px;
        background-color: #333;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        padding: 0 15px;
        color: #fff;
        z-index: 100;
    }
    header i{
        font-size: 14px;
        color: #999;
    }
    .title{
        display: inline-block;
        margin-left: 10px;
        font-size: 14px;
    }
    .fa-user{
        float: right;
        line-height: 44px;
    }
</style>